
 
<template>
  <div class="app">
    <a-spin id="aPin" style="z-index: 9999;width: 100vw;height: 100vh;max-height: 100vh;" :delay="500" size="large"
      :spinning="loadHandler.flag" tip="加载中...">
      <router-view />
    </a-spin>
  </div>
</template>

<script setup>
import { ConfigProvider } from 'ant-design-vue';
import { useUserData } from './stores/userData'
const loadHandler = useUserData();
ConfigProvider.config({
  theme: {
    primaryColor: '#A87CFF',
  },
});


//即时通讯------------------------------------------------------------
import conn from './views/home/servicePage/config/config';
import getData from './views/home/servicePage/com/com'
import { useHuihua } from './views/home/servicePage/store/huihua';
import { useChat } from './views/home/servicePage/store/chat';

const hui = useHuihua();  //获取保存历史会话列表的pinia
const store = useChat();  //当前会话窗口

const {fetchUserChat,fetchChatToId,getBlackList} = getData();
conn.addEventHandler("eventName", {
  // SDK 与环信服务器连接成功。
  onConnected: function (message) {
    fetchUserChat()

  },
  // SDK 与环信服务器断开连接。
  onDisconnected: function (message) { console.log(message) },
  // 当前用户收到文本消息。
  onTextMessage: function (message) {
    console.log('text');
    console.log(message);
    if(message.from == store.uidData){
      fetchChatToId(message.from)
      return;
    }
    fetchUserChat()//重新获取会话
  },
  // 当前用户收到图片消息。
  onImageMessage: function (message) { 
    if(message.from == store.uidData){    //获取会话和历史消息
      fetchChatToId(message.from)
      return;
    }
    fetchUserChat()//重新获取会话
  },
  // 当前用户收到透传消息。
  onCmdMessage: function (message) { console.log(message) },
  // 当前用户收到语音消息。
  onAudioMessage: function (message) { console.log(message) },
  // 当前用户收到位置消息。
  onLocationMessage: function (message) { console.log(message) },
  // 当前用户收到文件消息。
  onFileMessage: function (message) { console.log(message) },
  // 当前用户收到自定义消息。
  onCustomMessage: function (message) { console.log(message) },
  // 当前用户收到视频消息。
  onVideoMessage: function (message) { console.log(message) },
  // 当前用户订阅的其他用户的在线状态更新。
  onPresence: function (message) { console.log(message) },
  // 当前用户收到好友邀请。
  onContactInvited: function (msg) { console.log(message) },
  // 联系人被删除。
  onContactDeleted: function (msg) { },
  // 新增联系人。
  onContactAdded: function (msg) { },
  // 当前用户发送的好友请求被拒绝。
  onContactRefuse: function (msg) { },
  // 当前用户发送的好友请求被同意。
  onContactAgreed: function (msg) { },
  // 当前用户收到群组邀请。
  onGroupEvent: function (message) { },
  // 本机网络连接成功。
  onOnline: function () { },
  // 本机网络掉线。
  onOffline: function () { },
  // 调用过程中出现错误。
  onError: function (message) { },
  // 当前用户收到的消息被消息发送方撤回。
  onRecallMessage: function (message) { },
  // 当前用户发送的消息被接收方收到。
  onReceivedMessage: function (message) {
    console.log('onre');
    fetchUserChat(message.to)
  },
  // 当前用户收到消息送达回执。
  onDeliveredMessage: function (message) { },
  // 当前用户收到消息已读回执。
  onReadMessage: function (message) { },
  // 当前用户收到会话已读回执。
  onChannelMessage: function (message) { },
});

</script>

<style lang="scss">
#aPin>.ant-spin-dot {
  top: 300px !important;
}

#aPin>.ant-spin-text {
  top: 300px !important;
}
</style>


